<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,viewport-fit=cover">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <title>Document</title>
    <link rel="stylesheet" href="./css/Header&Footer.css">
    <link rel="stylesheet" href="./css/3query.css">
</head>

<body>
    <header>
        <input type="text" placeholder="请输入小区名或商圈名称">
    </header>
    <nav>
        <ul>
            <li class="li">区域</li>
            <li class="li">价格</li>
            <li class="li">房型</li>
            <li class="li">更多</li>
        </ul>
        <!-- <ul class="menu">
            <li></li>
        </ul> -->
    </nav>
    <ul class="ul">
        <li>
            <img src="./image/SecondHandList/img1.png" alt="">
            <ul>
                <li>
                    <h2>西便门外大街 2室1厅 89平</h2>
                </li>
                <li>南北 高楼层/6层</li>
                <li>签约价格:13244元/平 <span>1105万</span></li>
            </ul>
        </li>
        <li>
            <img src="./image/SecondHandList/img2.png" alt="">
            <ul>
                <li>
                    <h2>金桥国际 1室1厅 63平</h2>
                </li>
                <li>南北 高楼层/6层</li>
                <li>签约价格:13244元/平 <span>905万</span></li>
                <li>签约日期:2015年11月10日</li>
            </ul>
        </li>
        <li>
            <img src="./image/SecondHandList/img3.png" alt="">
            <ul>
                <li>
                    <h2>花涧溪二期 2室2厅 90平</h2>
                </li>
                <li>南北 高楼层/6层</li>
                <li>签约价格:13244元/平 <span>1322万</span></li>
                <li>签约日期:2015年11月10日</li>
            </ul>
        </li>
    </ul>
    <footer>
        <p>
            <a href="">北京找房无忧网</a>>
            <a href="">首页</a>
        </p>
        <ul>
            <li>
                <div>
                    <img src="./image/index/apple.png" alt="">
                    <div>
                        <span>iphone</span><br>
                        <span>客户端</span>
                    </div>
                </div>
                <div>
                    <img src="./image/index/android.png" alt="">
                    <div>
                        <span>Android</span><br>
                        <span>客户端</span>
                    </div>
                </div>
            </li>
            <li>北京找房无忧房地产经纪有限公司</li>
            <li>网络经营许可证 京ICP备20160812号-12</li>
        </ul>
    </footer>
    <script>
        var li = document.querySelectorAll(".li")
        li[1].onclick = function() {
            console.log(1);
        }
    </script>
</body>

</html>